// 所有函数的封装
import axios from 'axios'
import { Loading } from 'element-ui'
import router from '../router/index'
axios.defaults.baseURL = 'http://www.liulongbin.top:3008'
// 添加请求拦截器
let loadingInstance
axios.interceptors.request.use(
  function (config) {
    // console.log(config, 33)
    // 将发起请求之前,判断是否/my 如果是则携带请求头发起请求
    if (config.url.indexOf('/my') !== -1) {
      config.headers.Authorization = localStorage.getItem('token')
    }
    //  开启loading
    loadingInstance = Loading.service({
      text: '拼命加载中',
      fullscreen: true,
      background: 'rgba(0, 0, 0, 0.8)'
    })

    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 对响应成功时 对响应的数据做点什么
    // 关闭loding效果
    loadingInstance.close()
    return response
  },
  function (error) {
    // 对响应错误做点什么
    // token过期时则返回错误信息 响应拦截器中的处理
    // 如果响应状态码是 401，则删除本地存储 并强制跳转到登录页面 此处不可使用this.$router.push(this指向为undefind) 导入router模块
    if (error.response.status === 401) {
      localStorage.setItem('token', '')
      // 或者清空本地存储
      // localStorage.removeItem('token')
      // 清空本地所有存储
      // localStorage.clear()
      // 强制跳转到登录页面
      router.push('/login')
    }
    return Promise.reject(error)
  }
)
// 暴露出axios 给api中的user使用
export default axios
